<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>

<body>
    <div id="header">
        <div class="header-con">
            <h1>
                <a href="index.html"><img src="../images/logo.png" alt=""></a>
            </h1>
        </div>
    </div>
    <div id="nav">
        <div class="nav-con">
            <ul>
                <li><a href="#">所有商品</a></li>
                <li><a href="#">首页</a></li>
            </ul>
        </div>
    </div>
    <div id="list">
        <div class="list-con">
            <div class="pic">
                <div class="pic-t">
                    <img src="" alt="" class="middimg">
                    <div class="shade"></div>
                    <div class="big"></div>
                </div>
                <ul class="small">
                    <li class="bg">
                        <a href="#"><img src="" alt="" class="smimg1"></a>
                    </li>
                    <li>
                        <a href="#"><img src="" alt="" class="smimg2"></a>
                    </li>
                </ul>
            </div>
            <div class="pic-con">
                <h3 class="tit"></h3>
                <ul>
                    <li><a href="#">男鞋</a> </li>
                    <li><a href="#">夏季潮鞋</a> </li>
                    <li><a href="#">薄款百搭</a> </li>
                    <li><a href="#">夏天</a> </li>
                    <li><a href="#">透气</a> </li>
                </ul>
                <div class="price">
                    <li><span>价格</span>￥<span>298.00</span></li>
                    <li><span>促销价</span>￥<span class="price1">138.00</span></li>
                </div>
                <div class="size">
                    <p>尺码</p>
                    <ul>
                        <li>39</li>
                        <li>40</li>
                        <li>41</li>
                        <li>42</li>
                        <li>43</li>
                        <li>44</li>
                    </ul>
                </div>
                <div class="num">
                    <p>数量</p>
                    <div>
                        <li>1</li>
                        <div class="add"> <a href="#">+</a>
                            <a href="#">-</a></div>
                    </div>
                </div>
                <div class="buy">
                    <a href="#" class="addcart">立即购买</a>
                    <a href="#" class="addcart">加入购物车</a>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../lib/jquery-3.4.1.min.js"></script>
<script src="../lib/promiseAjax.js"></script>
<script src="../lib/cookie.js"></script>
<script src="../js/details.js"></script>

</html>